.essential-theme {
  .is-payment-cards {
    .swiper-container-horizontal > .swiper-pagination-bullets {
      bottom: 0px;
    }

    .swiper-pagination-bullet {
      background-color: map-get($colors, is-mute-light);
      opacity: 1;
    }

    .swiper-pagination-bullet-active {
      background-color: map-get($colors, primary);
    }

    .slide-zoom {
      text-align: start;
    }

    ion-card {
      box-shadow: 8px 8px 20px 2px rgba(0, 0, 0, 0.07), -8px -8px 20px 2px rgba(0, 0, 0, 0.07);

      ion-thumbnail img {
        object-fit: contain;
      }

      ion-thumbnail + div.item-inner {
        align-items: start;

        ion-icon {
          color: map-get($colors, is-mute-normal);
        }
      }

      ion-card-content p {
        color: map-get($colors, is-mute-normal);
        font-size: 1.8rem;
        letter-spacing: 4px;
      }

      ion-col {
        ion-note {
          font-size: 1.2rem;
          color: map-get($colors, is-mute-normal);
          font-weight: 400;
        }

        p {
          font-size: 1.5rem;
          color: map-get($colors, is-text-dark);
        }
      }
    }
  }
}
